<!--  -->
<template>
  <div class="">
    {{ props.msg }}
  </div>
</template>


<script setup>
import { reactive, ref } from "vue";
// const props = defineProps(["msg"]);
// 可以设置更多限制来管理peops
const props = defineProps({
  msg: String,
  obj: Object,
  num: Number,
  maxLength: {
    type: Number,
    require: false,
    defaulte: "20",
    validator(value) {
      return value !== "hhh";
    },
  },
});

/* 
    props 可以用于父组件给子组件传值使用,但是传递的值子组件不能对其进行修改,也不建议子组件修改
            写法使用小驼峰 maxHot  官方推荐max-hot
*/
</script>


<style scoped>
/* @import url(); 引入公共css类 */
</style>